<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>预定中列表</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport">
    <!-- Mobile Devices Support @begin -->
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!-- apple devices fullscreen -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!-- Mobile Devices Support @end -->
    <link rel="stylesheet" type="text/css" href="FortAwesome/docs/assets/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script type="text/javascript">
        var _global = {};
        _global.spm = {};

        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideToolbar');
        });
    </script>
    <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
</head>

<body>
<div class="body">
    <h3 class="fn-tit"><a href="javascript:history.go(-1);" class="nback">返回</a><b class="tit">预定中</b></h3>
    <div class="jf-body">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" id="orderList">
            <tr>
                <th scope="col" align="left" width="56%">餐品名</th>
                <th scope="col" align="right" width="36%">时间</th>
            </tr>
            <tr>
                <td align="left">惠心上品斑鱼火锅</td>
                <td align="right">2014-03-25</td>
            </tr>
            <tr>
                <td align="left">惠心上品斑鱼火锅</td>
                <td align="right">2014-03-25</td>
            </tr>
            <tr>
                <td align="left">惠心上品斑鱼火锅</td>
                <td align="right">2014-03-25</td>
            </tr>
            <tr>
                <td align="left">惠心上品斑鱼火锅</td>
                <td align="right">2014-03-25</td>
            </tr>
            <tr>
                <td align="left">惠心上品斑鱼火锅</td>
                <td align="right">2014-03-25</td>
            </tr>
            <tr>
                <td align="left">惠心上品斑鱼火锅</td>
                <td align="right">2014-03-25</td>
            </tr>
        </table>
    </div>
    <!--下导航-->
    <div class="js-navmenu nav-on-bottom style-2">
        <div class="nav-menu has-menu-3"><a href="/index.html" class="icon-home"></a>
            <div class="divide">&nbsp;</div>
            <div class="one"><a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 菜品
            </a>
                <div class="submenu js-submenu"><span class="arrow before-arrow"></span> <span
                        class="arrow after-arrow"></span>
                    <ul>
                        <li><a href="foodlist.html"> 火锅 </a></li>
                        <li><a href="foodlist.html"> 地方菜 </a></li>
                        <li><a href="foodlist.html"> 西餐 </a></li>
                        <li><a href="foodlist.html"> 快餐 </a></li>
                    </ul>
                </div>
            </div>
            <div class="divide">&nbsp;</div>
            <div class="one"><a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 订位
            </a>
                <div class="submenu js-submenu"><span class="arrow before-arrow"></span> <span
                        class="arrow after-arrow"></span>
                    <ul>
                        <li><a href="foodlist.html"> 我要订位 </a></li>
                        <li><a href="membercenter.html"> 会员中心 </a></li>
                    </ul>
                </div>
            </div>
            <div class="divide">&nbsp;</div>
            <div class="one"><a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i>
                VIP </a>
                <div class="submenu js-submenu"><span class="arrow before-arrow"></span> <span
                        class="arrow after-arrow"></span>
                    <ul>
                        <li><a href="register.html"> 我要成为VIP </a></li>
                        <li><a href="score.html"> 积分兑换 </a></li>
                    </ul>
                </div>
            </div>
            <div class="divide">&nbsp;</div>
            <div class="one"><a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 订单
            </a>
                <div class="submenu js-submenu"><span class="arrow before-arrow"></span> <span
                        class="arrow after-arrow"></span>
                    <ul>
                        <li><a href="ordering.html"> 我的订单 </a></li>
                    </ul>
                </div>
                <!--submenu js-submenu-->
            </div>
            <!--one-->
        </div>
    </div>
    <!--nav-on-bottom下导航结束-->
</div>
<!--body-->
<script type="text/javascript">
    $(document).ready(function () {
        $("#orderList").empty();
        $.ajax({
            url: "/order/listNoOrder",
            dataType: "json",
            type: "get",
            success: function (json) {
                if (json.state == 200) {
                    result = json.data;
                    html =
                        `
        <tr>
          <th scope="col" align="left" width="56%">餐品名</th>
                  <th scope="col" align="right" width="36%">时间</th>
                  </tr>
         `
                    for (i in result) {
                        html =
                            ` <tr>
    <td align="left">#{name}</td>
    <td align="right">2020-08-25</td>
  </tr>


                    `
                        html = html.replace(/#{name}/g,result[i].name)
                        $("#orderList").append(html)
                    }
                }
            }
        })
    })


</script>


<script type="text/javascript" src="js/wap.min.js"></script>
</body>
</html>